<template>
  <div class="page">
    <div class="page_hd">
      <mt-header   :title="$route.meta && $route.meta.title"></mt-header>
    </div>
    <div class="page_bd">
      <div class="scroll">
        <p>这个是报表的页面</p>
        <div class="weui-flex flex_center padding15 margin-bottom" style="height:80px;background:#FFF;">
          <div class="weui-flex__item item_center">
            <p>
              <img style="height:40px;" src="" />
              <span class="padding-left">文字</span>
            </p>
          </div>
          <div class="flex_center item_center padding-right" >
            <p>0.9分</p>
            <p>满意度</p>
          </div>
          <div class="flex_center item_center" >
            <p>0.0%</p>
            <p>关闭率</p>
          </div>
        </div>
        <div class="weui-flex flex_center padding15" style="height:80px;background:#FFF;">
          <div class="weui-flex__item item_center">
            <p>
              <img style="height:40px" src="">
              <span class="padding-left">文字</span>
            </p>
          </div>
          <div class="flex_center item_center" >
            <p>文字</p>
            <p>文字</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'Vuex'
export default {
  name: 'tabReport',
  data () {
    return {
      currRand: 0
    }
  },
  created () {
    // this.$store.dispatch('getUserAction').then(res => {
    //   console.log(res, '--------------getUserAction')
    // })
  },
  activated () {
    console.log(this.user, 'user')
    // 当切换职位或项目之后重新调用更新数据
    if (this.currRand !== 0 && this.currRand !== this.rand) {
      this.getPageData && this.getPageData()
      this.currRand = this.rand
    } else {
      this.currRand = this.rand
    }
  },
  computed: {
    ...mapGetters({
      'user': 'user',
      'rand': 'rand'
    })
  }
}
</script>

<style scoped>

</style>
